</html><!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>综合设置边框</title>
<style type="text/css">
h2{
 border-bottom:5px double blue;
 text-align:center;
}
.text{
 boder-top:3px dashed #f00;
 boder-right:10px double #900;
 boder-bottom:3px dotted #ccc
 boder-left:10px soild qreen;
}
.pingmian{
 boder:15px soild #ccc;
}
</style>
</head>

<body>
<h2>设置边框属性</h2>
<p class="text">该段落使用单侧边框的综合属性，分别给上、右、下、左四个边设置不同的样式。</p >
<img class="pingmian" src="微信图片_20210329115208.png">
</body>
</html>
